﻿body
{
	font-family : Arial, Times New Roman;
	font-size : 9pt;
	color : rgb(15, 36, 62);
	clear : both;
	margin: 0px 0px 0px 0px;
}

.buttons
{
	border: solid 0.75pt rgb(107,154,207);
	background-color:rgb(230, 241, 252);
	padding: 2px 10px 2px 10px;
}

.InputLabel
{
	display: inline-block;
	width: 150px;
	text-align: left;
	vertical-align:middle;
}

.InputField
{
	display: inline-block;
	width: 200px;
	text-align: left;
	border: solid 0.75pt #D9D9D9;
	vertical-align:middle;
}

input:focus
{
	border: solid 0.75pt #08DBCB;
}

.InputMultiField
{
	width: 400px;
	height: 80px;
}

.DropList
{
	border: solid 0.75pt #D9D9D9;
	width: 203px;
	display: inline-block;
}

.tableHeader
{
	background-color: #24DECE;
	color: #FFF;
	text-align: center;
}

table.repeaterTable
{
	width: 100%;
	border-collapse: collapse;
}

table.repeaterTable td
{
	padding: 2 2 2 2;
	border: solid 0.75pt #00B2A4;
}

div#AboutUs
{
	text-align: left;
	padding: 2px 2px 2px 2px;
}

div#BottomArea  hr
{
	color: #E1E1E1;
	border-color: #00B2A4;
}

#ContentArea
{
	border: solid #00B2A4 1px;
	min-height: 400px;
}

#FunctionBar
{
	height: 26px;
	background-color: #00B2A4;
	color: White;
	text-align: left;
	padding-left: 3px;
}
#FunctionBar span
{
	line-height: 26px;
}

#MasterArea
{
	background-image: url('../Images/bgmain.gif');
	background-repeat:repeat-y;
	background-position:center;
}

#Container
{
	width: 940px;
}

#TopArea
{
	width: 100%;
	height: 75px;
}

#Logo
{
	display: inline-block;
	float: left;
	padding-top: 2px;
}

#LogOffLink
{
	display: inline-block;
	float: right;
	padding-top: 5px;
	padding-right: 10px;
}

/* A link region */
a
{
	text-decoration: none;
	color:rgb(0, 112, 192);
}

a:link
{
	text-decoration: none;
	color:rgb(0, 112, 192);
}

a:visited
{
	text-decoration: none;
	color:rgb(3,170,3);
}

a:hover
{
	text-decoration: none;
	color:Red;
}
/* End of A link region */

/* ErrorMessage is applied for Javascript errors and authorization errors */
.ErrorMessage
{
	color: Red;
	font-size: 13pt;
	text-align: left;
	width: 600px;
}

.ViewColumn
{
	text-align: left;
	padding: 2px 2px 2px 2px;
	font-weight: bold;
	display:inline-block;
	float:left;
	width: 20%;
	border-bottom: solid 0.75pt #CFE0CC;
}
.ViewContent
{
	text-align: left;
	padding: 2px 2px 2px 2px;
	background-color: #CBFAF7;
	display:inline-block;
	width: 78.8%;
	border-bottom: solid 0.75pt #CFE0CC;
}
.ViewLines
{
	display: block;
}
.NoneBorder
{
	border: none;
}

.ViewContent Span
{
	line-height: 22px;
}

.RequiredField, .Errors, .Results
{
	color: Red;
}

#LogOnLogo
{
	width: 320px;
	height: 105px;
}

#LogOnBottomText
{
	width: 100%;
	text-align:center;
	display: block;
	padding-top: 20px;
}

#LogOnArea
{
	border: solid 1px #114189;
	text-align: left;
	width: 320px;
	margin-top: 12%;
}

#LogOnArea div
{
	margin-bottom: 3px;
}
#LogOnArea .LogOnLabel
{
	width: 100px;
	margin-left: 5px;
}